<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : top.jsp
    Description : 사용자 top 부분
    author Seung Hun
    since 2012. 7. 23.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 7. 23.     Seung Hun     최초 생성
--%>

    <!-- accNav -->
    <div id="accNav"><a href="#container">skip to contents</a></div>
    <!-- /accNav -->

    <!-- header -->
    <div id="header">
        <div id="headerArea">
            <div class="topArea">
                <h1><a href="./ma_100_01.do?CSR_LOCALE_PARAM=ko">HYUNDAI &#124; NEW THINKING, NEW POSSIBLITIES</a></h1>
                <div class="quickArea">
                    <ul class="languagekLink">
                        <% if (CsrUtil.isLogin(request, "usrSession")) { %>
                        <li><a href="/rt_100_25.do" class="btnLog">Logout</a></li>
                        <% } %>
                        <li><a href="/ma_100_01.do?CSR_LOCALE_PARAM=en">English</a></li>
                        <li><a href="/ma_100_02.do?CSR_LOCALE_PARAM=ko">Sitemap</a></li>
                    </ul>
                    <div id="searchWrap"><a href="/ma_100_05.do"><img src="/img/usr/common/gnb_search.gif" alt="search" /></a></div>
                </div>
            </div>
            <div id="gnb">
                <ul class="menu">
                    <li><a href="#">CSR 소개</a>
                            <div class="subMenu">
                                <p>CSR 소개</p>
                                <ul>
                                    <li><a href="/sr_100_01.do?CSR_LOCALE_PARAM=ko">현대자동차 CSR</a></li>
                                    <li><a href="/sr_100_02.do?CSR_LOCALE_PARAM=ko">철학과 구조</a></li>
                                    <li><a href="/sr_100_03.do?CSR_LOCALE_PARAM=ko">심볼과 슬로건</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li><a href="#">지속가능경영</a>
                            <div class="subMenu">
                                <p>지속가능경영</p>
                                <ul>
                                    <li><a href="/ta_100_01.do?CSR_LOCALE_PARAM=ko">개요</a></li>
                                    <li><a href="/ta_200_01.do?CSR_LOCALE_PARAM=ko">경제</a></li>
                                    <li><a href="/ta_300_01.do?CSR_LOCALE_PARAM=ko">환경</a></li>
                                    <li><a href="/ta_400_01.do?CSR_LOCALE_PARAM=ko">사회</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li><a href="#">사회공헌</a>
                            <div class="subMenu">
                                <p>사회공헌</p>
                                <ul>
                                    <li><a href="/rt_100_01.do?CSR_LOCALE_PARAM=ko">공모사업</a></li>
                                    <li><a href="/rt_200_01.do?CSR_LOCALE_PARAM=ko">4대무브</a></li>
                                    <li><a href="/rt_300_01.do?CSR_LOCALE_PARAM=ko">글로벌 사회공헌</a></li>
                                    <li><a href="/rt_400_01.do?CSR_LOCALE_PARAM=ko">대륙별 사회공헌</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li><a href="#">CSR 자료실</a>
                            <div class="subMenu">
                                <p>CSR 자료실</p>
                                <ul>
                                    <li><a href="/da_100_01.do?CSR_LOCALE_PARAM=ko">공지&#47;이벤트</a></li>
                                    <li><a href="/da_200_01.do?CSR_LOCALE_PARAM=ko">CSR 소식</a></li>
                                    <li><a href="/da_500_01.do?CSR_LOCALE_PARAM=ko">포토갤러리</a></li>
                                    <li><a href="https://<%=csrHostName %>/da_300_01.do?CSR_LOCALE_PARAM=ko">참여후기</a></li>
                                    <li><a href="/da_400_01.do?CSR_LOCALE_PARAM=ko">보고서 다운로드</a></li>
                                    <!-- li><a href="https://<%=csrHostName %>/da_600_01.do?CSR_LOCALE_PARAM=ko">뉴스레터</a></li-->
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                </ul><p class="subSeeAll"><button type="button" class="wholeOpen"><img src="/img/usr/btn/btn_gnb_total.gif" alt="전체보기" /></button></p>
            </div>
            <div class="whole">
                <p class="figure"><img src="/img/usr/common/gnb_hyundai.jpg" alt="" /></p>
                <ul>
                    <li><a href="/sr_100_01.do?CSR_LOCALE_PARAM=ko">현대자동차 CSR</a></li>
                    <li><a href="/sr_100_02.do?CSR_LOCALE_PARAM=ko">철학과 구조</a></li>
                    <li><a href="/sr_100_03.do?CSR_LOCALE_PARAM=ko">심볼과 슬로건</a></li>
                </ul>
                <ul>
                    <li><a href="/ta_100_01.do?CSR_LOCALE_PARAM=ko">개요</a></li>
                    <li><a href="/ta_200_01.do?CSR_LOCALE_PARAM=ko">경제</a></li>
                    <li><a href="/ta_300_01.do?CSR_LOCALE_PARAM=ko">환경</a></li>
                    <li><a href="/ta_400_01.do?CSR_LOCALE_PARAM=ko">사회</a></li>
                </ul>
                <ul>
                    <li><a href="/rt_100_01.do?CSR_LOCALE_PARAM=ko">공모사업</a></li>
                    <li><a href="/rt_200_01.do?CSR_LOCALE_PARAM=ko">4대 무브</a></li>
                    <li><a href="/rt_300_01.do?CSR_LOCALE_PARAM=ko">글로벌 사회공헌</a></li>
                    <li><a href="/rt_400_01.do?CSR_LOCALE_PARAM=ko">대륙별 사회공헌</a></li>
                </ul>
                <ul>
                    <li><a href="/da_100_01.do?CSR_LOCALE_PARAM=ko">공지/이벤트</a></li>
                    <li><a href="/da_200_01.do?CSR_LOCALE_PARAM=ko">CSR 소식</a></li>
                    <li><a href="/da_500_01.do?CSR_LOCALE_PARAM=ko">포토갤러리</a></li>
                    <li><a href="https://<%=csrHostName %>/da_300_01.do?CSR_LOCALE_PARAM=ko">참여 후기</a></li>
                    <li><a href="/da_400_01.do?CSR_LOCALE_PARAM=ko">보고서 다운로드</a></li>
                    <!-- li><a href="https://<%=csrHostName %>/da_600_01.do?CSR_LOCALE_PARAM=ko">뉴스레터</a></li-->
                </ul>
            </div>
        </div>
    </div>
    <!-- /header -->
